// 注册页面实现
  // 获取元素
    const formBtn = document.querySelector('form')
    const userName = document.querySelector('.username')
    const passWord = document.querySelector('.password')
    const rpassWord = document.querySelector('.rpassword')
    const nickName = document.querySelector('.nickname')
    const errorBox = document.querySelector('.error')
  // 给form表单添加提交事件，
    formBtn.addEventListener('submit',(e) => {
		// 兼容
		e = e || window.event
		// 取消默认提交行为
		try{e.preventDefault()} catch(err) {e.returnValue = false}
		// 收集用户信息
		// 定义一个对象接收,并赋值
		let info = {
			 username: userName.value,
			 password: passWord.value,
			 rpassword: rpassWord.value,
			 nickname: nickName.value
		}
		// 非空验证
		if(!info.username || !info.password || !info.rpassword || !info.nickname) return alert('请输入完整的信息')
		//  密码和重复密码是否一样
		if(info.password !== info.rpassword) return alert('两次密码输入不一致')
		// 开始发送请求
		ajax({
			url: 'http://localhost:8888/users/register',
			method: 'post',
			data: info,
			datatype: 'json',
			success: function (res) {
			 // console.log(res);
			
			 // 如果注册不成功 让error盒子显示
			 if (res.code !== 1) {
			  errorBox.style.display = 'block'
			   return
			   }
			
		 // 代码能执行到说明注册成功 跳转到登录页面
		 window.location.href = '../views/denglu.html.html'
			
			
            }
		})

		
	})
